<div class="fields">
  <div class="code">
    <div class="heading"><%= I18n.t('id', 'ID') %>:</div>
    <div class="data"><%= model.Theme().get('code')%><%= model.get('unique_id')%></div>
  </div>
  <div class="points">
    <div class="heading"><%= I18n.t('points_heading', 'Points') %>:</div>
    <div class="data"><% if (model.get('score_50') === model.get('score_90')) { %>
        <%= !model.get('score_50') ? '0' : niceNum(model.get('score_50')) %>
      <% } else {
           if (!model.get('score_50') && !model.get('score_90')) { %>
             0
        <% } else { %>
          <%= !model.get('score_50') ? 0 : niceNum(model.get('score_50')) %>/<%= !model.get('score_90') ? 0 : niceNum(model.get('score_90')) %>
        <% } %>
      <% } %>
    </div>
  </div>
  <div class="status">
    <% if (model.SprintStory()) { %>
      <div class="tab status-code-<%= model.SprintStory().Status().get('code') %>"><span><%= model.SprintStory().Status().get('status').replace(' ', '&nbsp;') %></span></div>
    <% } %>
  </div>
</div>

<div class="story">
  <div class="theme"><div class="heading"><%= I18n.t('theme', 'Theme') %>:</div><div class="data"><%= htmlEncode(model.Theme().get('name')) %></div></div>
  <div class="as-a"><div class="heading"><%= I18n.t('as_a', 'As') %> </div><div class="data"><%= htmlEncode(model.get('as_a')) %></div></div>
  <div class="i-want-to"><div class="heading"><%= I18n.t('i_want_to', 'I want to') %> </div><div class="data"><%= multiLineHtmlEncode(model.get('i_want_to')) %></div></div>
  <div class="so-i-can"><div class="heading"><%= I18n.t('so_i_can', 'So I can') %> </div><div class="data"><%= multiLineHtmlEncode(model.get('so_i_can')) %></div></div>
</div>

<div class="acceptance-criteria">
  <ol>
    <% model.AcceptanceCriteria().each(function(criterion) { %>
      <li><%= multiLineHtmlEncode(criterion.get('criterion')) %></li>
    <% }); %>
  </ol>
</div>

<div class="more"><div class="tab"></div></div>

<div class="move">move</div>